<template>
    <el-dialog :visible.sync="agencyDialog" size="small" title="e学云代收款协议" :before-close="handleClose">
        <el-row>
            <div class="modal-body">
                <div>本服务条款是您（甲方）与“e学云平台”（e学云手机客户端）的经营者苏州橘子网络科技股份有限公司及其关联公司（乙方）之间就代收费用所提供的服务等相关事宜所订立的合同。</div>
                <div>请您仔细阅读本注册协议并充分理解各条款内容，当您按照页面提示填写信息、阅读并同意本协议，即表示您已充分阅读、理解并接受本协议的全部内容，并与苏州橘子网络科技股份有限公司达成一致；在您使用e学云平台的代收费用功能之时，本协议即构成对双方有约束力的法律文件。</div>
                <div>基于：</div>
                <ul>
                    <li>(1) 甲方为乙方 e学云业务的经销商；</li>
                    <li>(2) 乙方针对前述业务启用了e学云ＡＰＰ平台线上支付系统，甲方同意采用该系统进行其代理业务款项收付。</li>
                </ul>
                <div>甲方同意并确认如下：</div>
                <ul>
                    <li>1、客户通过乙方线上支付系统付款后，根据甲乙双方关于代理关系的已有约定，乙方在收到客户款项后的_每个自然月的最后一个工作日内将客户付款金额中所含的甲方提现金额部分通过线上支付系统转付给甲方。</li>
                    <li>2、甲方完全理解并确认：
                        <ul>
                            <li>乙方线上支付系统的收款行为，仅为乙方为甲方的代收款行为；</li>
                            <li>2.1	对于客户而言，甲方应为全额客户付款金额的实际收款人。其中的甲方提现金额的剩余金额仅为甲方根据双方之间基于代理关系的约定而应支付给乙方的所有代理服务费用（包括但不限于信息服务费等），甲乙双方基于便利与效率的考量简化了“由乙方代收再转付甲方、甲方收到后再支付乙方”的付款流程；</li>
                            <li>2.2	乙方在线上支付系统收到客户付款并将客户付款金额的甲方提现金额转付给甲方后，即完成了乙方对甲方关于代收款及转付的全部责任与义务；</li>
                            <li>2.3	客户若对其付款金额要求开具发票的，甲方应承担按照全额付款金额向客户开具正规增值税发票的责任，对客户的发票开具事宜概与乙方无关联；</li>
                            <li>2.4	客户因其付款行为而产生任何争议或纠纷的，应完全由甲方负责处理，概与乙方无关联；</li>
                        </ul>
                    </li>
                    <li>3、客户付款金额对应甲方提现金额所涉及的相关税费，由甲方承担并缴纳，概与乙方无关联，甲方对此已充分知晓。对于甲方提现金额的剩余金额所涉及的相关税费，由乙方承担并缴纳；</li>
                    <li>4、甲乙双方之间因本代收款协议引起的或与之有关的任何争议，应友好协商解决；协商不成的，应由乙方所在地人民法院管辖。</li>
                    <li>5、本协议由甲方在e学云ＡＰＰ平台线上支付系统上点击同意之日起生效。</li>
                </ul>
            </div>
        </el-row>
        <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="agencyClick">确定</el-button>
        </div>  
    </el-dialog>
</template>

<script>
export default{
    props: {
        agencyDialog: {
            type: Boolean,
            required: false
        }
    },
    methods: {
        agencyClick() {
            this.$emit('closeDialog', false)
        },
        handleClose() {
            this.$emit('closeDialog', false)
        }
    }
}
</script>

<style lang="scss" scoped>
.modal-body{
    margin-top:10px; 
    padding-top:10px;
    line-height:25px;
    ul,li{
        list-style:none;
        text-indent:30px
    }
    div{
        text-indent:30px
    }
}
.dialog-footer{
    text-align:center !important;
    padding-bottom:20px;
}
</style>
